@charset "utf-8";

@import "_iconfont.scss";

@function r($px){
    @return($px/40) * 1rem
}
ul li{
    list-style: none;
}
a{
    height: 100%;
    display: inline-block;
}
#web{
    width: r(750);
    height: 100%;
    position: relative;
}
header{
    width: 100%;
    height: 75px;
    overflow: hidden;
//  float: left;
  
    .head_logo{
        width: 61.5px;
        height: 61.5px;
        overflow: hidden;
        float: left;
        margin: 5px;
        a{
            height: 100%;
            display: inline-block;
        }
        img{
            width: 100%;
//          float: left;
        }
    }
    .searchBar{
        width: r(264);
        height: 25px;
        border: 1px solid #ff9344;
        border-radius: 25px;
        margin: 0 auto;
        font-size: 0;
        padding: 0 5px;
        box-sizing: border-box;
        margin-top: 25px;
        input{
            border: none;
            width: calc(100% - 18px) ;
          display: inline-block;
           }
          img{
              vertical-align: middle;
              width: 18px;
              height: 18px;
          }    
       
    }
    .selectBar{
        width: 79px;
        height: 27px;
        border: 1px solid #FF9344;
        float: right;
        margin-top: 25px;
        select{
            width: 100%;
            height: 100%;
            border: none;
            outline: none;
            vertical-align: top;
            //去除默认样式
            appearance: none;
            -webkit-appearance: none;
            background: url(../img/shouye3.png) no-repeat;
            
            background-size: 15px 8px ;
            background-position: right 6px center;
        }
    }
}
footer{
    width: r(750);
    height: 92.5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f1f1f1;;
    ul{
        
    li{
        width: 25%;
        height: 92.5px;
        float: left;
        line-height: 1.3;
        text-align: center;
        p{
            font-size: r(34);
        }
        .iconfont{
            font-size: 40px;
            //透明
            color: transparent;
            //描边
            -webkit-text-stroke: 2px #fe9343;
        }
        a:visited .iconfont{
            color: #fe9343;
             }
          }
     }
}
.session{
    position: absolute;
    top: 75px;
    bottom: 92.5px;
    left: 0;
    right: 0;
    
    overflow: scroll;
    //弹性滚动
    -webkit-overflow-scrolling: touch;
    .sylbt{
        width: 100%;
        height: r(390);
        position: relative;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .yhtggd{
       width: 100%;
       height: r(140);
//     text-align: center;
        .yhtg{
            font-size: r(40);
            display: inline-block;
            text-align: center;
            line-height: 70px;
            .iconfont{
                font-size: 50px;
                color: #fe9343;
            //描边
//          -webkit-text-stroke: 2px #fe9343;
            }
        }
        .gd{
            font-size: r(32);
            float: right;
            text-align: center;
            line-height: 70px;
            display: inline-block;
            .iconfont{
                color: #fe9343;
            }
        }
    }
    .tupianqu{
        width: r(750);
        height: r(180);
        .tt{
            width: r(375);
            height: r(180);
            text-align: center;
            float: left;
            a{
                height: r(126);
                display: inline-block;
                 img{
                width: r(326);
                height: r(126);
                 }
            }
        }
    }
    .zjd{
        width: r(750);
        height: r(265);
        .zjtp{
            width: r(250);
            height: 100%;
            display: inline-block;
            text-align: center;
            float: left;
            img{
                width: r(230);
                height: r(230);
            }
        }
        .zjwz{
            width: r(500);
            height: 100%;
            display: inline-block;
            .bt{
                font-size: r(40);
                line-height: r(105);
            }
            .xiao{
                font-size: r(30);
                color: #434343;
                line-height: r(85);
            }
            .jg{
                font-size: r(36);
                color: #fc9344;
//              line-height: r(125);
            }
        }
    }
}
